﻿@model  DHQGHN.DAL.Common.DataPage<DHQGHN.PM2.Models.DHQG.UserInGroupModel>
@{
    //ViewBag.Title = "Phân người dùng cho nhóm";
    Layout = "~/Views/Shared/_LayoutAdmin.cshtml";
}
<div class="page-bar">
    <ul class="page-breadcrumb" style="padding: 4px;">
        <li>
            <i class="fa fa-home"></i>          
            <a href="#">@ViewBag.CurrentMenuName</a>
        </li>
    </ul>
</div>
<div class="row">
    <div class="col-md-2 col-sm-2" style="">@Html.Label("Nhóm người dùng:")</div>
    <div class="col-md-4 col-sm-4" style="margin-bottom: 10px;">
        @Html.DropDownList("group-list", ViewBag.lstGroupUser as List<SelectListItem>, null, new { @class = "form-control input-sm" })
    </div>

    @*<div class="col-md-2 col-sm-2" style="">@Html.Label("Đơn vị:")</div>
    <div class="col-md-4 col-sm-4" style="margin-bottom: 10px;">
        @Html.DropDownList("don_vi", lstDonVi as List<SelectListItem>, null, new { @class = "form-control input-sm" })
    </div>*@
    <div class="col-md-6 col-sm-6">
        <div class="pull-right">
            <button id="user-in-group-add" class="btn btn-sm btn-default"><i class="fa fa-search"></i> Gán người dùng</button>
        </div>
    </div>
</div>

<div id="user-in-group-list" align="center" style="padding:10px;">
    @{
        Html.RenderPartial("_UserInGroupList");
    }
    
</div>
@{
   
}
<script type="text/javascript">
    @functions{
        public string GetAntiForgeryToken()
        {
            string cookieToken, formToken;
            AntiForgery.GetTokens(null, out cookieToken, out formToken);
            return cookieToken + "," + formToken;
        }
    }
    var appId = '@ViewBag.AppId';
    var userCount = 0;
    function btnSearchClick() {
        OnCriteria(0);
    }
    $(document).ready(function () {
        $('#user-in-group-add').click(function (event) {
            if ($("#group-list").val() == "") {
                //warning("Bạn cần chọn nhóm trước để gán người dùng", "Gán người dùng");
                warning("Bạn cần chọn nhóm trước để gán người dùng","Chọn nhóm");
                event.stopPropagation();
            }
            else {
                //prepareCreate(-1, "Gán người dùng vào nhóm");
                functionCreateOrUpdate();
            }
        });
        $('#group-list').change(function () {
            crrPageIndex = 0;
            OnCriteria(crrPageIndex);
        });
       
    });

    function functionCreateOrUpdate(userId) {
        
        var ajax = $.ajax({
            url: '/UserInGroup/actionPrepareCreateOrUpdateUserInGroup',
            type: 'POST',
            data: { id: userId, groupID: $("#group-list").val().trim(), AppId: 2085 },
            //contentType: "appliction/json",
            success: function (data) {                
                var box = bootbox.dialog({
                    title: 'Gán người dùng vào nhóm',
                    message: data,
                    onEscape: function () {
                        box.modal('hide');
                    },
                    buttons: {
                        success: {
                            label: "<i class='fa fa-plus-square-o'></i> Lưu",
                            className: "btn btn-md btn-success",
                            callback: function () {
                                var values = getListUserID();
                                if (userCount == 0) {
                                    return false;
                                }
                                if (values.length == 0 && userCount > 0) {
                                    warning("Bạn cần chọn người dùng", "Phân người dùng vào nhóm");
                                }
                                else if(userCount > 0){
                                    if (save) {
                                        var result = save();
                                        if (result) {
                                            $(this).dialog("destroy");
                                            //$('#user-in-group-model-container').hide();
                                        }
                                    }
                                }
                            }
                        },
                        danger: {
                            label: "<i class='fa fa-reply'></i> Hủy bỏ",
                            className: "btn btn-md btn-default",//"btn-danger",
                            callback: function () {
                            }
                        }
                    }
                });
            },
            complete: function () {                
            },
            error: function (ex) {
                console.log(ex);
                alert(JSON.stringify(ex));
            }
        });
        return false;
    }

    var crrPageIndex;
    function OnCriteriatoview(pageIndex) {
        var code = $('#group-list');
        alert(code);
        var name = $('#input-name');
        crrPageIndex = pageIndex;
        name = name != null ? name.val().trim() : "";
        code = code != null ? code.val().trim() : "";
        $.ajax({
            dataType: "html",
            type: "POST",
            url: '/UserInGroup/actionSearch',
            contentType: "application/json",
            data: JSON.stringify({ pageIndex: pageIndex, aModel: { GroupId: code, Username: name } }),
            success: function (response) {
                var $catlist = $('#user-in-group-list');

                if ($catlist == null || $catlist.length == 0) {
                    window.notice('@*@Resources.Localization.MsgItemNotFound*@', window.notice_error);
                }
                else {
                    $catlist.html(response);
                }
            }
        });
        setTimeout(function () { $('#search_form').find('input:text:visible:first').focus(); }, 500);
    }

    $('input.txtsearchnametoview').bind('keypress', function (event) {
        var keycode = (event.keyCode ? event.keyCode : event.which);
        if (keycode == 13 && OnCriteriatoview) {
            OnCriteriatoview(0);
        }
    });
</script>